{% load i18n %}
<!DOCTYPE>
{% load staticfiles %}
<html>
<head>
<!--[if IE 6]><html class="ie lt-ie8"><![endif]-->
<!--[if IE 7]><html class="ie lt-ie8"><![endif]-->
<!--[if IE 8]><html class="ie ie8"><![endif]-->
<!--[if IE 9]><html class="ie ie9"><![endif]-->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>三答不溜 | 又一个三答不溜站点</title>
<link rel="shortcut icon" href="http://localhost/favicon.ico" type="image/x-icon" />
  <!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css" media="screen, projection" />
  <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->

  <!--[if IE 8]><link href="http://jianshu-prd.b0.upaiyun.com/assets/scaffolding/for_ie-79d1b60ced4f878cbdc0939de55c3be1.css" media="all" rel="stylesheet" /><![endif]-->
  <!--[if lt IE 9]><link href="http://jianshu-prd.b0.upaiyun.com/assets/scaffolding/for_ie-79d1b60ced4f878cbdc0939de55c3be1.css" media="all" rel="stylesheet" /><![endif]-->
  <link rel="apple-touch-icon-precomposed" href="http://jianshu-prd.b0.upaiyun.com/assets/icon114-8e7ddf4d5e0e147eba0d35a809bcc235.png" />
  <link rel='dns-prefetch' href='//s.w.org' />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.2.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.2.1\/svg\/","svgExt":".svg","source":{"concatemoji":"\/static\/js\/wp-emoji-release.min.js"}};
			!function(a,b,c){function d(a){var b,c,d,e,f=String.fromCharCode;if(!k||!k.fillText)return!1;switch(k.clearRect(0,0,j.width,j.height),k.textBaseline="top",k.font="600 32px Arial",a){case"flag":return k.fillText(f(55356,56826,55356,56819),0,0),!(j.toDataURL().length<3e3)&&(k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,57331,65039,8205,55356,57096),0,0),b=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,57331,55356,57096),0,0),c=j.toDataURL(),b!==c);case"emoji4":return k.fillText(f(55357,56425,55356,57341,8205,55357,56507),0,0),d=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55357,56425,55356,57341,55357,56507),0,0),e=j.toDataURL(),d!==e}return!1}function e(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g,h,i,j=b.createElement("canvas"),k=j.getContext&&j.getContext("2d");for(i=Array("flag","emoji4"),c.supports={everything:!0,everythingExceptFlag:!0},h=0;h<i.length;h++)c.supports[i[h]]=d(i[h]),c.supports.everything=c.supports.everything&&c.supports[i[h]],"flag"!==i[h]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[i[h]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<link rel='https://api.w.org/' href='' />
<style type="text/css" media="print">#wpadminbar { display:none; }</style>

<style type="text/css" media="screen">
	html { margin-top: 32px !important; }
	* html body { margin-top: 32px !important; }
	@media screen and ( max-width: 782px ) {
		html { margin-top: 46px !important; }
		* html body { margin-top: 46px !important; }
	}
</style>

  <!--[if lte IE 8]><script>window.location.href='http://www.mywpku.com/upgrade-your-browser.html?referrer='+location.href;</script><![endif]--></head>
<body class="output fluid zh cn win" data-js-module="recommendation" data-locale="zh-CN">
<div class="qaq">
<a class="cd">答</a>
	<ul class="m-dropdown">
		<li><a href="{% url 'index' %}">首页</a></li>
		<li><a href="{% url 'add_board' %}">留言板</a></li>
		<li><a href="">关于</a></li>
		</ul>
		</div>
<div class="navbar navbar-jianshu expanded">
  <div class="dropdown">
      <a class="active logo" href="{% url 'index' %}">

        <b>W</b>
</a>
      <a class="active logo" href="{% url 'add_board' %}">

        <b>留</b>
</a>
      <a class="active logo" href="https://www.3dbl.cn">

        <b>问</b>
</a>
  </div>

</div><div class="row-fluid">

<div class="recommended">
   <div class="span3 left-aside">
    <div class="cover-img"><img src="{% static 'images/0.jpg' %}" alt=""></div>
    <div class="bottom-block">
      <h1>三答不溜</h1>
      <h3>寻找知识的力量</h3>
    </div>
    <div class="img-info">
      <i class="icon-info"></i>
      <div class="info">
         Photo by: <a href="" target="_blank">yechen</a>
      </div>
    </div>
  </div>
  <div class="span7 offset3">
    <div class="page-title">
      <ul class="recommened-nav navigation clearfix">
        <li><a>三答不溜 · 寻找知识的力量</a></li>
        <form method="get" class="search-form" action="/" >
		<input class="input-medium search-query" name="keywords" type="text" value="" placeholder="搜索" id="search">
</form>
      </ul>
    </div>

<ul class="thumbnails">
    {% for article in articles.object_list %}
         <li class="clearfix">
      <div class="article">
        <a class="title" href="{% url 'content' article.id %}" target="_blank">{{ article.title }}</a>
        <a class="content" href="{% url 'content' article.id %}" target="_blank">{{ article.desc }}</a>
        <div class="article-info">
        <span><i class="icon-book"></i>
          {{ article.add_time|date:"Y-m-d" }}</span>
          <span><i class="icon-th"></i>
              {% if article.tag %}
                <a href="" rel="category tag">{{ article.tag }}</a></span>
                    {% else %}
                    <a href="" rel="category tag">未分类</a></span>
              {% endif %}

          <span><i class="icon-comments-alt"></i>
          {{ article.get_comment_nums }}</span>
           <span><i class="icon-heart-empty" id="post-like"></i>{{ article.get_fav_nums }}</span>
           <input type="hidden" name="post-like-value" id="post-like-value" value="{{ article.id }}">
        </div>
      </div>
    </li>
    {% endfor %}
</ul>

 <div class="pageturn" style="margin-left: 29%;">
        <ul class="pagelist">
        {% if articles.has_previous %}
            <li class="long"><a href="?{{ articles.previous_page_number.querystring }}">上一页</a></li>
        {% endif %}
        {% for page in articles.pages %}
            {% if page %}
                {% ifequal page articles.number %}
                    <li class="active"><a href="?page={{ page }}">{{ page }}</a></li>
                {% else %}
                    <li><a href="?{{ page.querystring }}" class="page">{{ page }}</a></li>
                {% endifequal %}
            {% else %}
                <li class="none"><a href="">...</a></li>
            {% endif %}
        {% endfor %}
        {% if articles.has_next %}
            <li class="long"><a href="?{{ articles.next_page_number.querystring }}">下一页</a></li>
        {% endif %}

        </ul>
  </div>

  </div></div></div>
<a class="go-top"><i class="icon-circle-arrow-up"></i></a>
<footer>
  <div class="copyright">
    ©2017-2018 <a href="/" target="_blank">三答不溜</a>
    <br>
    宁ICP备20140702号-3
  </div>
  <div class="contact">
    <a href="" target="_blank">关于三答不溜</a>
    ·
    关注我们:
    <a href="http://weibo.com/linsu412" target="_blank"><i class="icon-weibo"></i></a>
    <a href="https://twitter.com/233" target="_blank"><i class="icon-twitter"></i></a>

    <br>
    <a href="http://www.google.com/chrome" class="use-chrome">建议使用谷歌的 Chrome 浏览器访问以获得最佳用户体验</a><br><a href="http://windows.microsoft.com/zh-CN/internet-explorer/download-ie" class="upgrade-ie">本网站不支持 IE6/IE7，如果您希望继续使用 IE 浏览器，请升级至IE8及以上版本</a>
  </div>
</footer>
    <script src="{% static 'js/jquery-1.10.2.min.js' %}"></script>
    <script src="{% static 'js/full.js' %}"></script>
<link rel='stylesheet' id='dashicons-css'  href='{% static 'css/dashicons.min.css' %}' type='text/css' media='all' />
<link rel='stylesheet' id='admin-bar-css'  href='{% static 'css/admin-bar.min.css' %}' type='text/css' media='all' />
<script type='text/javascript' src='{% static 'js/admin-bar.min.js' %}'></script>
<script type='text/javascript' src='{% static 'js/wp-embed.min.js' %}'></script>
	<!--[if lte IE 8]>
		<script type="text/javascript">
			document.body.className = document.body.className.replace( /(^|\s)(no-)?customize-support(?=\s|$)/, '' ) + ' no-customize-support';
		</script>
	<![endif]-->
	<!--[if gte IE 9]><!-->
		<script type="text/javascript">
			(function() {
				var request, b = document.body, c = 'className', cs = 'customize-support', rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');

						request = true;

				b[c] = b[c].replace( rcs, ' ' );
				// The customizer requires postMessage and CORS (if the site is cross domain)
				b[c] += ( window.postMessage && request ? ' ' : ' no-' ) + cs;
			}());
		</script>
	<!--<![endif]-->


		  </body>
</html>

<script type="application/javascript">
    $('search').on('click', function () {
        var keywords = $('search').val();
        if(keywords == ''){
            alert('搜索内容不能为空的噢！')
        }else {
            request_url = 'blog/?keywords='+keywords;
            window.location.href = 'blog/?keywords='+keywords;
        }
    })
</script>
{#<script type="text/javascript">#}
{#    //点赞#}
{#    $('#post-like').on('click', function(){#}
{#        var article_id = $('#post-like-value').val();#}
{#        $.ajax({#}
{#            cache: false,#}
{#            type: "POST",#}
{#            url:"{% url 'add_fav' %}",#}
{#            data:{'article_id': article_id},#}
{#            dataType: 'json',#}
{#            async: true,#}
{#            beforeSend:function(xhr, settings){#}
{#                xhr.setRequestHeader("X-CSRFToken", "{{ csrf_token }}");#}
{#            },#}
{#            success: function(data) {#}
{#                if(data.status == 'success'){#}
{#                    window.location.reload();//刷新当前页面.#}
{#                }else{#}
{#                    alert('点赞失败');#}
{#                }#}
{#            }#}
{#        });#}
{#    });#}
{##}
{#</script>#}